<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>
    <div class="title-log">
        <ul style="display: flex;">
            <li><img src="./img/logo1.png" alt=""></li>
            <li><img src="./img/logo.jpg" alt=""></li>
        </ul>
        <ul style="display: flex;">
            <li style="margin-right: 30px;">成长守护平台</li>
            <li>腾讯游戏排行榜</li>
        </ul>
    </div>
    <div class="mid" style="height: 725px;" >
        <div class="header" >
            <div class="min-in" style="width: 1100px;margin: 0 auto;display: flex;">
                <div class="left-logo">

                </div>
                <div class="right-word"> 
                    <ul  style="display: flex;" >
                        <li>官网首页</li>
                        <li>绑定查询</li>
                        <li>国服预约</li>
                        <li>老兵绑定</li>
                        <li>社区app</li>
                        <li>网吧认证</li>
                    </ul>
                    <ul style="display: flex;" style="margin-top: 30px;">
                        <li style="height: 40px;width: 120px;background-color: #b27601;text-align: center;line-height: 40px;margin-top: 20px;">进入官网</li>
                    </ul>
                </div>
            </div>
        </div>
        <div  class="img-logo">
            <ul style="display: flex;">
                <li>
                    <img src="./img/1.jpg" alt="">
                </li>
                <li>
                    <img src="./img/2.jpg" alt="">
                </li>
                <li>
                    <img src="./img/3.jpg" alt="">
                </li>
                <li>
                    <img src="./img/4.jpg" alt="">
                </li>
            </ul>
        </div >
    </div>
    <div style="background-color: rgb(231, 231, 231);">
        <div class="main-bottom" style="margin-top: 80px;">
            <div class="left-logo-lunbo">
    
            </div>
            <div class="right-tips">
                <div style="width: 100%;">
                    <ul style="display: flex;" class="min-in-ul hoverentry">
                        <li >综合</li >
                        <li>公告</li>
                        <li>新闻</li>
                        <li>活动</li>
                        <li>赛事</li>
                        <li>媒体</li>
                    </ul>
                    <div>
                        <p style="font-size: 16px;color: #e69800;text-align: center;margin-top: 10px;">全新升级！新版绝地求生上线1全新升级</p>
                    </div>
                    <div style="padding-left: 35px;margin-top: 20px;" class="tipslist">
                        <p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力1“净网行动”，玉田警方连续破...&nbsp;&nbsp;12/26</p>
                        <p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力“净网行动”，玉田警方连续破...&nbsp;&nbsp;12/26</p>
                        <p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力“净网行动”，玉田警方连续破...&nbsp;&nbsp;12/26</p>
                        <p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力“净网行动”，玉田警方连续破...&nbsp;&nbsp;12/26</p>
                        <p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力“净网行动”，玉田警方连续破...&nbsp;&nbsp;12/26</p>
                        <p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力“净网行动”，玉田警方连续破...&nbsp;&nbsp;12/26</p>
                        <p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力“净网行动”，玉田警方连续破...&nbsp;&nbsp;12/26</p>
                        <p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力“净网行动”，玉田警方连续破...&nbsp;&nbsp;12/26</p>
                    </div>
                    <div style="padding-left: 35px;margin-top: 20px;" class="tipslist">
                        <p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力2“净网行动”，玉田警方连续破...&nbsp;&nbsp;12/26</p>
                        <p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力“净网行动”，玉田警方连续破...&nbsp;&nbsp;12/26</p>
                        <p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力“净网行动”，玉田警方连续破...&nbsp;&nbsp;12/26</p>
                        <p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力“净网行动”，玉田警方连续破...&nbsp;&nbsp;12/26</p>
                        <p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力“净网行动”，玉田警方连续破...&nbsp;&nbsp;12/26</p>
                        <p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力“净网行动”，玉田警方连续破...&nbsp;&nbsp;12/26</p>
                        <p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力“净网行动”，玉田警方连续破...&nbsp;&nbsp;12/26</p>
                        <p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力“净网行动”，玉田警方连续破...&nbsp;&nbsp;12/26</p>
                    </div>
                    <div style="padding-left: 35px;margin-top: 20px;" class="tipslist">
                        <p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力3“净网行动”，玉田警方连续破...&nbsp;&nbsp;12/26</p>
                        <p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力“净网行动”，玉田警方连续破...&nbsp;&nbsp;12/26</p>
                        <p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力“净网行动”，玉田警方连续破...&nbsp;&nbsp;12/26</p>
                        <p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力“净网行动”，玉田警方连续破...&nbsp;&nbsp;12/26</p>
                        <p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力“净网行动”，玉田警方连续破...&nbsp;&nbsp;12/26</p>
                        <p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力“净网行动”，玉田警方连续破...&nbsp;&nbsp;12/26</p>
                        <p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力“净网行动”，玉田警方连续破...&nbsp;&nbsp;12/26</p>
                        <p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力“净网行动”，玉田警方连续破...&nbsp;&nbsp;12/26</p>
                    </div>
                    <div style="padding-left: 35px;margin-top: 20px;" class="tipslist">
                        <p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力4“净网行动”，玉田警方连续破...&nbsp;&nbsp;12/26</p>
                        <p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力“净网行动”，玉田警方连续破...&nbsp;&nbsp;12/26</p>
                        <p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力“净网行动”，玉田警方连续破...&nbsp;&nbsp;12/26</p>
                        <p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力“净网行动”，玉田警方连续破...&nbsp;&nbsp;12/26</p>
                        <p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力“净网行动”，玉田警方连续破...&nbsp;&nbsp;12/26</p>
                        <p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力“净网行动”，玉田警方连续破...&nbsp;&nbsp;12/26</p>
                        <p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力“净网行动”，玉田警方连续破...&nbsp;&nbsp;12/26</p>
                        <p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力“净网行动”，玉田警方连续破...&nbsp;&nbsp;12/26</p>
                    </div>
                    <div style="padding-left: 35px;margin-top: 20px;" class="tipslist">
                        <p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力5“净网行动”，玉田警方连续破...&nbsp;&nbsp;12/26</p>
                        <p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力“净网行动”，玉田警方连续破...&nbsp;&nbsp;12/26</p>
                        <p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力“净网行动”，玉田警方连续破...&nbsp;&nbsp;12/26</p>
                        <p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力“净网行动”，玉田警方连续破...&nbsp;&nbsp;12/26</p>
                        <p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力“净网行动”，玉田警方连续破...&nbsp;&nbsp;12/26</p>
                        <p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力“净网行动”，玉田警方连续破...&nbsp;&nbsp;12/26</p>
                        <p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力“净网行动”，玉田警方连续破...&nbsp;&nbsp;12/26</p>
                        <p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力“净网行动”，玉田警方连续破...&nbsp;&nbsp;12/26</p>
                    </div>
                    <div style="padding-left: 35px;margin-top: 20px;" class="tipslist">
                        <p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力6“净网行动”，玉田警方连续破...&nbsp;&nbsp;12/26</p>
                        <p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力“净网行动”，玉田警方连续破...&nbsp;&nbsp;12/26</p>
                        <p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力“净网行动”，玉田警方连续破...&nbsp;&nbsp;12/26</p>
                        <p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力“净网行动”，玉田警方连续破...&nbsp;&nbsp;12/26</p>
                        <p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力“净网行动”，玉田警方连续破...&nbsp;&nbsp;12/26</p>
                        <p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力“净网行动”，玉田警方连续破...&nbsp;&nbsp;12/26</p>
                        <p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力“净网行动”，玉田警方连续破...&nbsp;&nbsp;12/26</p>
                        <p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力“净网行动”，玉田警方连续破...&nbsp;&nbsp;12/26</p>
                    </div>
                </div>
               
            </div>
        </div>
        <div class="main-video">
            <h2>精彩视频</h2>
            <div >
                <ul class="video-class">
                    <li>
                        <img src="./img/10.jpg" alt="">
                        <p style="font-size: 13px;">特色站解读-紧张刺激</p>
                    </li>
                    <li>
                        <img src="./img/10.jpg" alt="">
                        <p style="font-size: 13px;">特色站解读-紧张刺激</p>
                    </li>
                    <li>
                        <img src="./img/10.jpg" alt="">
                        <p style="font-size: 13px;">特色站解读-紧张刺激</p>
                    </li>
                    <li>
                        <img src="./img/10.jpg" alt="">
                        <p style="font-size: 13px;">特色站解读-紧张刺激</p>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <script src="./js/jquery.js"></script>
    <script>
        $(".tipslist").hide()
        $(".tipslist").eq(0).show()
        $(".hoverentry>li").mouseenter(function(e){
            let nowStep = $(this).index()
            for(let i = 0;i<6;i++){
                $(".tipslist").eq(i).hide()
            }
            $(".tipslist").eq(nowStep).show()
        })
    </script>
</body>
</html>